<!--
 * @Author: wanlixin
 * @Date: 2019-10-04 19:41:52
 * @LastEditors: wanlixin
 * @LastEditTime: 2019-10-04 19:41:52
 * @Description: 
 -->
<template>
  <grimm-page type="button-view" title="Radio">
    <template slot="content">
      <div>
        <h1 class="example-page-title">默认样式</h1>
        <grimm-radio
          v-model="checked"
          :name="optionValue.value"
          :onChangeAfter="onChangeAfter"
        >afasfasd</grimm-radio>
        <h1 class="example-page-title">禁用样式</h1>
        <grimm-radio
          v-model="checked2"
          disabled
          :name="optionValue.value"
          :onChangeAfter="onChangeAfter"
          style="margin-right: 8px;"
        >disabled</grimm-radio>
        <grimm-radio
          v-model="checked3"
          disabled
          :name="optionValue.value"
          :onChangeAfter="onChangeAfter"
        >disabled</grimm-radio>
      </div>
    </template>
  </grimm-page>
</template>

<script>
import GrimmPage from 'example/components/GrimmPage.vue';
export default {
  data() {
    return {
      checked: '1',
      checked2: '',
      checked3: '1',
      optionValue: {
        // label: 'Option Checkbox',
        value: '1',
      },
    };
  },
  methods: {
    onChangeAfter(vals, opts) {
      console.log(vals, opts);
    },
  },
  components: {
    GrimmPage,
  },
};
</script>
